// ------------------ 完成数据回填 -------------------------

function renderUser () {
  $.ajax({
      url: '/my/user/userinfo',
      success: function (res) {
          // console.log(res)
              // 数据回填
              // $('input[name=username]').val(res.data.username);
              // $('input[name=nickname]').val(res.data.nickname);
              // $('input[name=email]').val(res.data.email);
              // 使用layui提供的数据回填方法
              // form.val('表单的lay-filter属性值', '对象形式的数据(对象的key要和表单各项的name属性值相同)');
              let form = layui.form
              form.val('abc', res.data);
      }
  })
}
renderUser();

// ------------------  修改用户信息 -----------------
// 监听表单的提交事件。
$('form').on('submit', function (e) {

  // 阻止默认行为
  e.preventDefault();
  // 获取id、nickname、email的值
  let data = $(this).serialize();
  // console.log(data);
  // ajax提交给接口，从而完成更新
  $.ajax({
    type: 'POST',
    url: '/my/user/userinfo',
    data: data,
    success: function (res) {

      if (res.status === 0) {
        layer.msg(res.message);
        window.parent.getUserInfo();
      }
    }
  });
});

// ---------------------  重置表单  -------------------------
$('button:contains("重置")').click(function (e) {
  e.preventDefault();
  renderUser(); // 调用renderUser()，为表单重新赋值，就可以恢复成原样
});